<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="../static/images/logo.jpg">
	<title>开启探索</title>

	<!-- Bootstrap Stylesheet [ REQUIRED ] -->
	<link href="../static/css/bootstrap.min.css" rel="stylesheet">

	<!-- Nifty Stylesheet [ REQUIRED ] -->
	<link href="../static/css/nifty.min.css" rel="stylesheet">

	<!-- Custom Styles -->
	<style>
		body {
			margin: 0;
			padding: 0;
		}

		#container {
			background: url("../static/images/logo.jpg") no-repeat center center;
			background-size: cover;
			height: 100vh;
			display: flex;
			justify-content: flex-start; /* 上移内容 */
			align-items: center;
			flex-direction: column; /* 垂直排列 */
			padding-top: 10%; /* 距离顶部的间距，可根据需求调整 */
			text-align: center;
			color: white;
		}

		.explore-btn {
			font-size: 18px;
			width: 230px;
			padding: 12px 50px;
			border-radius: 5px;
			border: 1px solid #FFFFFF;
			background-color: transparent;
			color: white;
			text-align: center;
			cursor: pointer;
			text-decoration: none;
			font-weight: bold;
			transition: background-color 0.3s ease, color 0.3s ease;
			margin-top: 40px; /* 按钮与标题的间距 */
		}

		.explore-btn:hover {
			background-color: #249e92;
			color: white;
		}

		.title {
			font-size: 40px;
			font-weight: bold;
			margin-bottom: 20px;
			color: white;
		}
	</style>
</head>
<body>

<div id="container">
	<div>
		<p class="title">初中数学知识图谱及应用</p>
		<a class="explore-btn" href="{{ url_for('search') }}">开启探索</a>
	</div>
</div>

</body>
</html>
